.yg-category {
    .yg-category-nav {
     .category-nav {
        background-color:var(--themeColor);
        color: white;
      }
    }
   
    .yg-category-content {
        display: flex;
        .content-left {
            flex: 1;
            height: calc(100vh - 3.866667rem);
            background-color:#f3f3f3;
            overflow-y: scroll;
          .content-left-item{
             height: 1.2rem;
             line-height: 1.2rem;
             text-align: center;
             font-size: 0.426667rem;
          }
          .active{
            color: var(--themeColor);
            border-left: 2px solid var(--themeColor);
          }
        }

        .content-right {
            flex: 3;
            height: calc(100vh - 3.866667rem);
            overflow-y: scroll;
            .content-right-item {
              .right-item-title {
                 height: 1.333333rem;
                 line-height: 1.333333rem;
                 text-align: center;
                 font-size: 0.533333rem;
              }
          
              .product-list {
                  display: flex;
                  flex-wrap: wrap;
                .product-list-item {
                    width: 33.33%;
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    justify-content: center;
                    margin-top: 0.266667rem;
                  .imageWrapper {
                    img {
                      width: 1.6rem;
                      height: 1.6rem;
                    }
                  }
          
                  .item-title {
                     font-size: 0.373333rem;
                  }
                }
              }
            }
          }
      }
  }